<!--
此文件为开发者工具生成，生成时间: 2024/2/5 下午5:20:52
使用方法：
在 E:\longfajie\sky-shop\dist\dev\mp-weixin\pages\index\index.wxml 引入模板

```
<import src="index.skeleton.wxml"/>
<template is="skeleton" wx-if="{{loading}}" />
```

在 E:\longfajie\sky-shop\dist\dev\mp-weixin\pages\index\index.wxss 中引入样式
```
@import "./index.skeleton.wxss";
```

更多详细信息可以参考文档：https://developers.weixin.qq.com/miniprogram/dev/devtools/skeleton.html
-->
<template name="skeleton">
    <view is="components/YmSwiper">
      <view class="carousel YmSwiper--carousel">
        <swiper circular="true" interval="3000" current="0" autoplay="false">
          <swiper-item style="position: absolute; width: 100%; height: 100%; transform: translate(0%, 0px) translateZ(0px);">
            <navigator class="navigator YmSwiper--navigator" hover-class="none">
              <image class="image YmSwiper--image sk-image" mode="aspectFill"></image>
            </navigator>
          </swiper-item>
          <swiper-item style="position: absolute; width: 100%; height: 100%; transform: translate(-200%, 0px) translateZ(0px);">
            <navigator class="navigator YmSwiper--navigator" hover-class="none">
              <image class="image YmSwiper--image sk-image" mode="aspectFill"></image>
            </navigator>
          </swiper-item>
          <swiper-item style="position: absolute; width: 100%; height: 100%; transform: translate(-100%, 0px) translateZ(0px);">
            <navigator class="navigator YmSwiper--navigator" hover-class="none">
              <image class="image YmSwiper--image sk-image" mode="aspectFill"></image>
            </navigator>
          </swiper-item>
        </swiper>
        <view class="indicator YmSwiper--indicator">
          <text class="dot YmSwiper--dot active YmSwiper--active"></text>
          <text class="dot YmSwiper--dot"></text>
          <text class="dot YmSwiper--dot"></text>
          <text class="dot YmSwiper--dot"></text>
          <text class="dot YmSwiper--dot"></text>
        </view>
      </view>
    </view>
    <view is="pages/index/components/category">
      <view class="category category--category">
        <navigator class="category-item category--category-item" hover-class="none">
          <image class="icon category--icon sk-image"></image>
          <text class="text category--text sk-transparent sk-text-14-2857-205 sk-text">居家</text>
        </navigator>
        <navigator class="category-item category--category-item" hover-class="none">
          <image class="icon category--icon sk-image"></image>
          <text class="text category--text sk-transparent sk-text-14-2857-915 sk-text">锦鲤</text>
        </navigator>
        <navigator class="category-item category--category-item" hover-class="none">
          <image class="icon category--icon sk-image"></image>
          <text class="text category--text sk-transparent sk-text-14-2857-172 sk-text">服饰</text>
        </navigator>
        <navigator class="category-item category--category-item" hover-class="none">
          <image class="icon category--icon sk-image"></image>
          <text class="text category--text sk-transparent sk-text-14-2857-806 sk-text">母婴</text>
        </navigator>
        <navigator class="category-item category--category-item" hover-class="none">
          <image class="icon category--icon sk-image"></image>
          <text class="text category--text sk-transparent sk-text-14-2857-858 sk-text">个护</text>
        </navigator>
        <navigator class="category-item category--category-item" hover-class="none">
          <image class="icon category--icon sk-image"></image>
          <text class="text category--text sk-transparent sk-text-14-2857-783 sk-text">严选</text>
        </navigator>
        <navigator class="category-item category--category-item" hover-class="none">
          <image class="icon category--icon sk-image"></image>
          <text class="text category--text sk-transparent sk-text-14-2857-327 sk-text">数码</text>
        </navigator>
        <navigator class="category-item category--category-item" hover-class="none">
          <image class="icon category--icon sk-image"></image>
          <text class="text category--text sk-transparent sk-text-14-2857-479 sk-text">运动</text>
        </navigator>
        <navigator class="category-item category--category-item" hover-class="none">
          <image class="icon category--icon sk-image"></image>
          <text class="text category--text sk-transparent sk-text-14-2857-723 sk-text">杂项</text>
        </navigator>
        <navigator class="category-item category--category-item" hover-class="none">
          <image class="icon category--icon sk-image"></image>
          <text class="text category--text sk-transparent sk-text-14-2857-757 sk-text">品牌</text>
        </navigator>
      </view>
    </view>
    <view is="pages/index/components/hotPanel">
      <view class="panel hotPanel--panel hot hotPanel--hot">
        <view class="item hotPanel--item" style="border: none;">
          <view class="title hotPanel--title">
            <text class="title-text hotPanel--title-text sk-transparent sk-text-14-2857-155 sk-text">特惠推荐</text>
            <text class="title-desc hotPanel--title-desc sk-transparent sk-text-14-2857-101 sk-text">精选全攻略</text>
          </view>
          <navigator class="cards hotPanel--cards" hover-class="none">
            <image class="image hotPanel--image sk-image" mode="aspectFit"></image>
            <image class="image hotPanel--image sk-image" mode="aspectFit"></image>
          </navigator>
        </view>
        <view class="item hotPanel--item">
          <view class="title hotPanel--title">
            <text class="title-text hotPanel--title-text sk-transparent sk-text-14-2857-683 sk-text">爆款推荐</text>
            <text class="title-desc hotPanel--title-desc sk-transparent sk-text-14-2857-736 sk-text">最受欢迎</text>
          </view>
          <navigator class="cards hotPanel--cards" hover-class="none">
            <image class="image hotPanel--image sk-image" mode="aspectFit"></image>
            <image class="image hotPanel--image sk-image" mode="aspectFit"></image>
          </navigator>
        </view>
        <view class="item hotPanel--item" style="border: none;">
          <view class="title hotPanel--title">
            <text class="title-text hotPanel--title-text sk-transparent sk-text-14-2857-153 sk-text">一站买全</text>
            <text class="title-desc hotPanel--title-desc sk-transparent sk-text-14-2857-50 sk-text">精心优选</text>
          </view>
          <navigator class="cards hotPanel--cards" hover-class="none">
            <image class="image hotPanel--image sk-image" mode="aspectFit"></image>
            <image class="image hotPanel--image sk-image" mode="aspectFit"></image>
          </navigator>
        </view>
        <view class="item hotPanel--item" style="border: none;">
          <view class="title hotPanel--title">
            <text class="title-text hotPanel--title-text sk-transparent sk-text-14-2857-719 sk-text">新鲜好物</text>
            <text class="title-desc hotPanel--title-desc sk-transparent sk-text-14-2857-676 sk-text">生活加分项</text>
          </view>
          <navigator class="cards hotPanel--cards" hover-class="none">
            <image class="image hotPanel--image sk-image" mode="aspectFit"></image>
            <image class="image hotPanel--image sk-image" mode="aspectFit"></image>
          </navigator>
        </view>
      </view>
    </view>
</template>

<style lang="scss" scope>

</style>